<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
	================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HIDEO HTML5, CSS3, responsive, Bootstrap 3 website
	template</title>
</head>
<body class="header1 activateAppearAnimation">
	<!-- Primary Page Layout 
	===============================s=================== -->
	<!-- globalWrapper -->
	<div id="globalWrapper">

		<!-- Header		 -->
		<jsp:include page="core/template/HEADER_LOGIN.jsp"></jsp:include>
		<header class="page-header">
		<div class="container">
			<div class="row">
				<div class="col-sm-6">
					<h1>Assign Job</h1>
				</div>

			</div>
		</div>
		</header>
		<!-- End Header -->

		<!-- Content -->
		<section id="content"
			style="background: url('core/images/feature.png') repeat;">
		<div class="container">
			<div class="row mb30 mt30">
				<div class="col-md-12 pb15">
					<h2>การว่าจ้างงาน</h2>
				</div>
				<!-- Content -->

				<div class="col-md-12">

					<div class="mt15 ctaBox color1" style="margin: auto;">
						<div class="row">
							<h3>
								<span class="label label-info"><b>ขั้นตอนที่ 1.</b></span>
								เลือกฟรีแลนซ์ที่ต้องการว่าจ้าง
							</h3>
						</div>
						<div class="row mt15 boxFocus color0">
							<div class="col-md-1 col-xs-3" align="center">
								<figure> <img
									src="custom/images/freelance/profileFreelance/jae.jpg" alt=""
									class="img-circle img-responsive">
								<div class="progress mt05 mb05">
									<div class="progress-bar progress-bar-striped active"
										role="progressbar" aria-valuenow="45" aria-valuemin="0"
										aria-valuemax="100" style="width: 45%">
										<span class="sr-only">45% Complete</span>
									</div>
								</div>
								<p>
									<small>ระดับ 2<br>
									</small>
								</p>
								</figure>
							</div>
							<div class="col-md-11 col-xs-9">
								<p class="media-heading font3"></p>
								<h3>วิชาญ ชัยจำรัส</h3>
								<p></p>
								<p>
									<b>ความสามารถ: </b> <span class="tags">html5</span> <span
										class="tags">css3</span> <span class="tags">jquery</span> <span
										class="tags">bootstrap3</span>
								</p>
								<b>รายละเอียด : </b>Cras sit amet nibh libero, in gravida nulla.
								Nulla vel metus scelerisque ante sollicitudin commodo. Cras
								purus odio, vestibulum in vulputate at, tempus viverra turpis.
								Fusce condimentum nunc ac nisi vulputate fringilla. Donec
								lacinia congue felis in faucibus.

							</div>
						</div>
						<div class="row mt15">
							<h3>
								<span class="label label-info"><b>ขั้นตอนที่ 2.</b></span>
								เลือกงานที่ต้องการว่าจ้าง
							</h3>
						</div>

						<div class="row mt15 boxFocus color0">
							<div class="row">
								<div class="col-md-3">
									<b>ประเภทงานที่ฉันต้องการว่าจ้าง :</b>
								</div>
								<div class="col-md-4">
									<select class="form-control col-md-3"
										id="employmentPage_JobType">
										<option value="employmentPage_JobType0">---- เลือก
											----</option>
										<option value="employmentPage_JobType1">งานที่ฉันประกาศ</option>
										<option value="employmentPage_JobType2">จ้างงานใหม่</option>
									</select>
								</div>

							</div>
							<div id="employmentPage_JobType1" class="row mt05">
								<div class="col-md-3">
									<b>งานที่ต้องการว่าจ้าง :</b>
								</div>
								<div class="col-md-9">
									<select class="form-control col-md-3" id="employmentPage_Job">
										<option value="">---- เลือก ----</option>
										<option value="employmentPage_Job1">หาคนนำสินค้าไปขายใน
											Ebay เป็นจิวเวลรี่แท้นะครับ</option>
										<option value="employmentPage_Job1">งาน PHP</option>
										<option value="employmentPage_Job1">งานด้าน .Net</option>
									</select>
								</div>
								<div id="employmentPage_Job1" class="mt05">
									<div class="col-md-3 mt05">
										<b>ประเภทของงาน :</b>
									</div>
									<div class="col-md-9 mt05">ไอที /คอมพิวเตอร์</div>

									<div class="col-md-3 mt05">
										<b>ทักษะความสามารถที่เกี่ยวข้อง :</b>
									</div>
									<div class="col-md-9 mt05">
										<span class="tags">html5</span> <span class="tags">css3</span>
										<span class="tags">php</span> <span class="tags">c#</span> <span
											class="tags">.Net</span> <span class="tags">Java</span>
									</div>

									<div class="col-md-3 mt05">
										<b>รายละเอียดของงาน :</b>
									</div>
									<div class="col-md-9 mt05">
										หาคนที่มีความสามารถนำสินค้าไปขายใน Ebay ได้
										เป็นสินคาจิวเวลรี่แท้ เพชรแท้ โดยแบ่งขั่นตอนการทำงานคร่าวๆ
										ดังนี้ เรามีรูปสินค้าพร้อมทั้งรายละเอียดตัวแหวน และเพชรให้ครบ
										ลูกค้าสั่งของ คุณสั่งเราต่ออีกทีนึงและวางเงินมัดจำ 60%
										ของมูลค่าสินค้า ใช้เวลาในการทำสินค้า 15-30
										ในการทำสินค้าตัวนั้น ส่งงานให้ คุณและทางเรารับเงินอีก 40%
										พิเศษทางเรามีใบcer ของ เพชร และ ตัวเรือนให้ 2 ใบ
										ปรกติที่อื่นจะมีให้ ใบเดียวเท่านั้น อยากทำหรือสนใจรายละเอียด
										ลงชื่อไว้ได่นะครับ ทางเราต้องการคนที่เก่งจริงและมาร่วมงานกัน
										ราคาสินค้าที่ขายเริ่มตั้งแต่ 4000-500000 บาท
										หวังว่าเราคงได่ร่วมงานกับคนที่เก่งๆ นะครับ</div>

									<div class="col-md-3 mt05">
										<b>ระยะเวลาของงาน :</b>
									</div>
									<div class="col-md-9 mt05">10 กรกฏาคม 2557 - 30 สิงหาคม
										2557</div>
									<div class="col-md-3 mt05">
										<b>รายละเอียดค่าตอบแทน :</b>
									</div>
									<div class="col-md-9 mt05">ค่าตอบแทนแบบอัตราคงที่
										40,000-90,000 บาท</div>
									<div class="col-md-12 mt15">
										<div class="alert alert-info" role="alert"
											style="width: 60%; margin: auto;">
											<p align="center">
												<b>***หมายเหตุ :</b>
												หากท่านต้องการแก้ไขข้อมูลรายละเอียดเกี่ยวกับงานนี้
												กรุณากดปุ่ม
												<button type="button" class="btn btn-primary btn-xs">
													<span class="fontHeader4"><i
														class="glyphicon glyphicon-pencil iconSmall"></i> แก้ไขงาน</span>
												</button>
											</p>
										</div>
									</div>

								</div>
							</div>
							<div id="employmentPage_JobType2" class="row mt05">
								<div class="col-md-3">
									<b>ชื่องานที่ต้องการว่าจ้าง :</b>
								</div>
								<div class="col-md-9">
									<input type="text" class="form-control">
								</div>
								<div class="col-md-3 mt05">
									<b>ประเภทของงาน :</b>
								</div>
								<div class="col-md-9 mt05">
									<select class="form-control">
										<option>ไอที / ซอฟต์แวร์</option>
										<option>บัญชี</option>
										<option>บลาๆ ๆ</option>
									</select>
								</div>

								<div class="col-md-3 mt05">
									<b>ทักษะความสามารถที่เกี่ยวข้อง :</b>
								</div>
								<div class="col-md-9 mt05">
									<div>
										<span class="tags">html5</span> <span class="tags">css3</span>
										<span class="tags">jquery</span> <span class="tags">bootstrap3</span>
									</div>
									<div class="mt05">
										<button type="button" class="btn btn-success">เพิ่มทักษะความสามารถที่ต้องใช้</button>
									</div>
								</div>

								<div class="col-md-3 mt05">
									<b>รายละเอียดของงาน :</b>
								</div>
								<div class="col-md-9 mt05">
									<textarea rows="6" class="form-control"
										placeholder="กรุณาระบุรายละเอียดของงานให้ชัดเจน"></textarea>
								</div>

								<div class="col-md-3 mt05">
									<b>ระยะเวลาของงาน :</b>
								</div>
								<div class="col-md-1 mt05 col-xs-3 col-sm-3">เริ่มวันที่</div>
								<div class="col-md-3 mt05 col-xs-9 col-sm-9">
									<input type="date" class="form-control">
								</div>
								<div class="col-md-1 mt05 col-xs-3 col-sm-3">สิ้นสุดวันที่</div>
								<div class="col-md-3 mt05 col-xs-9 col-sm-9">
									<input type="date" class="form-control">
								</div>
								<div class="col-md-3 mt05">
									<b>รายละเอียดค่าตอบแทน :</b>
								</div>
								<div class="col-md-9 mt05">
									<div class="col-md-12">
										<div class="form-group">
											<div class="radio">
												<label class="font4"> <input type="radio" name="x">
													ค่าตอบแทนแบบอัตราคงที่
												</label>
											</div>
											<br>
											<div class="row">
												<div class="col-md-12">
													<div class="boxFocus color1">
														<div
															class="col-md-5 col-xs-12 col-sm-12 control-label font4">กำหนดค่าตอบแทนแบบอัตราคงที่</div>
														<div class="col-md-3 col-xs-8 col-sm-8 control-label">
															<input type="text" class="form-control"
																placeholder="ราคา">
														</div>
														<div>บาท</div>
													</div>
												</div>
											</div>
											<br>
											<div class="radio">
												<label class="font4"> <input type="radio" name="x">
													ค่าตอบแทนแบบคิดอัตราตามเวลา
												</label>
											</div>
											<br>
											<div class="row">
												<div class="col-md-12">
													<div class="boxFocus color1">
														<div class="form-group">
															<label class="col-md-5 control-label font4">กำหนดค่าตอบแทน
																โดยพิจารณาตามเวลา </label>
															<div class="col-md-2">
																<select class="form-control">
																	<option>ชั่วโมง</option>
																	<option>วัน</option>
																	<option>เดือน</option>
																</select>
															</div>
															<label class="col-md-1 control-label font4"> ละ </label>
															<div class="col-md-3">
																<input type="text" class="form-control"
																	placeholder="ราคา">
															</div>
															<div class="col-md-1">บาท</div>
														</div>
													</div>
												</div>
											</div>
											<br>

										</div>
									</div>
								</div>
								<div align="center" class="col-md-12">
									<button type="button" class="btn btn-success">
										<span class="fontHeader4"><i
											class="glyphicon glyphicon-floppy-save"></i> บันทึก</span>
									</button>
									<button type="button" class="btn btn-default">
										<span class="fontHeader4"><i class="icon-eraser"></i>
											ล้างข้อมูล</span>
									</button>
								</div>

							</div>
						</div>
						<div class="row mt15">
							<h3>
								<span class="label label-info"><b>ขั้นตอนที่ 3.</b></span>
								ยืนยันการว่าจ้างงาน
							</h3>
						</div>

						<div class="row mt15 boxFocus color0">
							<div class="row">
								<div class="col-md-3">
									<b>ฟรีแลนซ์ที่ต้องการว่าจ้าง :</b>
								</div>
								<div class="col-md-9">วิชาญ ชัยจำรัส</div>
							</div>
							<div class="row">
								<div class="col-md-3">
									<b>งานที่ต้องการว่าจ้าง :</b>
								</div>
								<div class="col-md-9">หาคนนำสินค้าไปขายใน Ebay
									เป็นจิวเวลรี่แท้นะครับ</div>
							</div>
							<div class="row">
								<div class="col-md-3">
									<b>ค่าธรรมเนียมการว่าจ้างงานของระบบ :</b>
								</div>
								<div class="col-md-9">10 เหรียญ</div>
							</div>
						</div>
						<div class="row mt15">
							<div class="col-md-12">
								<div class="checkbox">
									<label class="font3"> <input type="checkbox" name="x">
										ข้าพเจ้าได้รับทราบและยืนยันตกลงตามเงื่อนไข ข้อตกลง
										ค่าธรรมเนียมการให้บริการข้างต้น
									</label>
								</div>
								<div align="center">
									<button type="button" class="btn btn-success mt15">
										<span class="fontHeader4"><i
											class="glyphicon glyphicon-ok "></i> ยืนยันการว่าจ้างงาน</span>
									</button>
									<button type="button" class="btn btn-default mt15">
										<span class="fontHeader4"><i class="icon-cancel "></i>
											ยกเลิกการว่าจ้างงาน</span>
									</button>
								</div>
							</div>
						</div>
					</div>
					<!-- End content -->


				</div>

			</div>
		</div>
		</section>
	</div>
	<!-- End Content -->

	<!-- Footer		 -->
	<jsp:include page="core/template/FOOTER.jsp"></jsp:include>
	<!-- End Footer -->
</body>
</html>